/******** Default Behaviour Tags ********/
/****************************************/
/* COMMON STYLE
--------------------------------------------------------- */
* {margin:0; padding:0; outline:none;}
body {
	background: #fff;
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

/* Normal links ---*/
a { color:#064F93; text-decoration:none }

a:hover, a:active, a:focus { text-decoration:underline; }

/* Content spacing ---*/
p, pre, blockquote,
h1, h2, h3, h4, h5, h6,
ol, ul, dl { margin: 0 0 10px 0; padding: 0; }

p { line-height:18px; }

img, fieldset{border:0}

.hidden{display:none;}

/* Headings & Titles ---*/
h1 { font-size: 2em; }
h2 { font-size: 2em; color:#717171; }
h3 { font-size: 1.5em; color:#717171; font-weight: normal; }
h4 { font-size: 1em; color:#717171; }
h5 { font-size: 1em; color:#717171; }

h1, h2, h3, h4, h5 { line-height: 1.2; }
.f_left{float:left;}
.f_left img{margin-right:22px;}
.f_right{float:right;}
/* Small text ---*/
small, .small, .small-text, a.readon { font-size: 0.912em; }

/* List ---*/
ul li {
	margin-bottom: 5px;
	list-style:none;
}

/* Others ---*/
hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid;
	height: 1px;
}

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
	border: 1px solid #e2e9ef;
	border-top-color: #aaa;
	font-family: Arial, sans-serif;
	padding: 4px;
	font-size: 100%;
}
	
input[type="radio"] { border: none; }
	
input[type="checkbox"] { border: none; }

fieldset { border: none; margin: 0; padding: 0; }

legend { font-size: 1.2em; font-weight: bolder; line-height: 1.2; }

/* Tables ---*/
th { font-weight: bold; padding: 5px; text-align: left; }

td { font-size: 100%; padding: 5px; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
/* MAIN COLUMN
--------------------------------------------------------- */
.main { width:950px; margin: 0 auto; padding: 0; position: relative; }

/* HEADLINE
--------------------------------------------------------- */
#tophead { background: url(../images/bg-line-1.gif) 0 0 repeat-x #075094; min-height: 21px; }
#tophead .main { overflow: hidden; }

/* hotline */
.hotline { float: left; font-size: 0.912em; color:#fff; }
.hotline ul { margin-bottom: 0; }
.hotline li { display:block; float: left; margin: 0; font-weight: bold; text-shadow: 0 1px 0 #444; }
.hotline li:first-child { padding: 3px 40px 0 0; } 
.hotline li:first-child span { font-size: 0.83em; } 
.hotline .phone-number { background: url(../images/ico-tel.png) 0 2px no-repeat; padding: 1px 0 0 22px; font-size: 1.25em; }

/* HEADER
--------------------------------------------------------- */
#header { background: url(../images/bghea.png) 0 0 repeat-x #1e1e1e; }
#header .main { overflow: hidden; padding-top: 0px; }
#header  .main-inner { width: 100%; overflow: hidden; margin-bottom: 5px; }
.nav-2 { clear: both; }
.nav-2 h4 { display:block; float:left; color: yellow; padding: 13px 20px 0 15px; }
.slide-text { float: left; margin: 9px 0 0 0; color:#fff; width:800px; height: 25px; position: relative; overflow: hidden; }
.slide-text ul { margin: 0; position: absolute; height: 2000em; margin:0; }
.slide-text li { width: 100%; margin: 0; height:22px; padding-top: 3px; }
.slide-text li  a { color:#fff; }
#slide{width:950px;height:200px;background:#000;}
/* Delivery Process */
.delivery-process { float: left; margin-left: 160px; padding-top: 0px; margin: 0 auto; height: 54px; position: relative; z-index: 1;}
.delivery-process ul { margin: 0; }
.delivery-process li { display: block; float:left; text-transform: uppercase; color: #819eba; font-weight: bold; margin: 0 12px 0 0; padding-left: 50px; }
.delivery-process ul {
float: left;
margin-top: 14px;
position: relative;
}
.delivery-process li {
float: left;
padding: 0 4px;
}
.delivery-process li a {
float: left;
width: 147px;
height: 39px;
background: url(../images/tab-header.png) repeat-x;
border: 1px solid #B6B6B6;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
display: inline-block;
}
.delivery-process li a i {
display: block;
margin: auto;
background-image: url(../images/gr-logo.png);
background-repeat: no-repeat;
height: 39px;
}
.delivery-process li a.active, .delivery-process li a:hover {
background: white;
border-bottom-width: 0;
height: 40px;
}
.nhommua i {
background-position: 0 0;
width: 109px;
}
.zap:hover i, .zap.active i {
background-position: 0 -180px;
}
.zap i {
background-position: 0 -45px;
width: 67px;
}
.kay i {
background-position: 0 -272px;
width: 58px;
}
.hungry i {
background-position: 0 -90px;
width: 100px;
}
#iconlist {
float: left;
}
#iconlist li {
    width:auto;
}
#iconlist li a{
background:none;
border:none;    
color:#fff;
font-size: 12px;
}
#iconlist strong {
float: left;
margin: 21px 0px;
}
.icon-text{
	display:inline-block;
}
.icon-text div, .icon-text span, .icon-text em{
	float:left;
	height: 60px;
	margin-right:7px;
	width: 40px;}
	
.icon-cardgame{background:url(../images/diagram_v2-22.png) no-repeat 50%;}
.icon-carddienthoai{background:url(../images/Phone.png) no-repeat 50%;}
.icon-cardphanmem{background:url(../images/Install1.png) no-repeat 50%;}

/* icons */
.icon { background: url(../images/icon.png) 0 0 no-repeat; }
.returns-exchanges { background-position: 0 0; }
.free-shipping { background-position: 0 -41px; }
.cash { background-position: 0 -86px; }

/* Logo Image ---*/
.logo { margin:0 20px 0 0; float:left; }
.logo  a { background: url(../images/logo_thedienthoai.png) 0 0 no-repeat; display: block; height: 65px; overflow:hidden; text-indent: -999em; width: 253px; }
.logo2 { margin:0 20px 0 0; float:left; }
.logo2  a { background: url(../images/logo_pacific.png) 0 0 no-repeat; display: block; height: 75px; overflow:hidden; text-indent: -999em; width: 163px; }

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
.nav { float: right; font-size: 0.912em; padding-top: 3px;  text-shadow: 0 1px 0 #444;}
.nav ul { float:left; margin:0; }
.nav li { display: block; float:left; padding: 0 0 0 6px; margin: 0 0 0 5px; background: url(../images/bg-line-2.gif) 0 50% no-repeat; }
.nav li:first-child { background: none; }
.nav li a { color:#fff;  } 

.welcome { font-weight: bold; color:#fff; display:block; float:left; margin: 0 20px 0 0; line-height: normal; }

/* CONTAINER
--------------------------------------------------------- */
#container .main { padding: 25px 0; overflow: hidden; }
#container h2 { border-bottom: 4px solid #c7c7c7; padding: 0 0 5px 42px; margin-bottom: 30px; background: url(../images/icon.png) 0 -138px no-repeat; }

/* cards */
.phone-cards, .game-cards { width: 100%; overflow: hidden; border-bottom: 1px solid #c9c9c9; padding-bottom: 30px; margin-bottom: 30px; }
.card-type { width: 155px; float:left; margin-right: 15px; }
.card-type h3 { color:#9a9a9a; font-weight: normal; margin-bottom: 5px; }
.phone-cards.last, .game-cards.last { margin-bottom: 0; border-bottom: 0; }

.cards-content { width: 780px; float:left; overflow:hidden; position:relative; }
.cards-content .btn-prev { display: block; float:left; margin: 0 8px 0 0; padding-top: 45px; width: 18px; }
.cards-content .btn-prev a{ width: 18px; height: 70px; overflow:hidden; display: block; text-indent: -999em; background: url(../images/arrow.gif) 0 -70px no-repeat; }
.cards-content .btn-next { display: block; float:right; margin: 0; padding-top: 45px; width: 18px; }
.cards-content .btn-next a{ width: 18px; height: 70px; overflow:hidden; display: block; text-indent: -999em; background: url(../images/arrow.gif) 0 0 no-repeat; }
.list-cards { width: 727px; float:left; position: relative; overflow:hidden; min-height: 260px; }
.list-cards ul { margin:0; width: 50000px; } 
.list-cards li { width: 162px; padding: 0 9px 0 10px; border-right: 1px dotted #939393; min-height: 260px; float: left;  }
.list-cards li:first-child {  }
.list-cards li .img a{ background: url(../images/bg-shadow.png) 50% 100% no-repeat; padding-bottom: 11px; display: block; }
.list-cards li img { border: 1px solid #d4d4d4; }
.price { text-align: center; font-size: 1.5em; color:#ff1800; font-weight: bold; }
.btn-order { width: 141px; line-height:20px; background: url(../images/bg-btn.png) 0 0 no-repeat; padding: 11px 10px 9px 20px ; margin:0 auto; display: block; color:#fff; font-size: 1.16em; font-weight: bold; border:none; cursor: pointer; text-align: left; }
*+html .btn-order { height: 40px; visibility:hidden}
.btn-order:hover, .btn-order:focus { text-decoration: none; }

.game-cards .list-cards { width: 725px; }
.game-cards .list-cards li { width: 222px; text-align: center; }
.game-cards .list-cards li img { border: none; }

/* payment online */
.payment-online { margin-bottom: 30px; }
.list-banks { background: #fffbbe; border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; overflow: hidden; }
.list-banks .btn-prev { display: block; float:left; width: 12px; margin: 12px 10px 0 0; }
.list-banks .btn-prev a { width: 100%; height: 36px; display:block; overflow:hidden; text-indent:-999em; background: url(../images/arrow.gif) 0 -153px no-repeat; }
.list-banks .btn-next { display: block; float:right; width: 12px; margin: 12px 0 0 0; }
.list-banks .btn-next a { width: 100%; height: 36px; display:block; overflow:hidden; text-indent:-999em; background: url(../images/arrow.gif) 0 -189px no-repeat; }
.bank-logos { width:876px; height:60px; float:left; overflow:hidden; position:relative; }
.bank-logos ul { margin: 0; width: 5000px; }
.bank-logos li { display: block; float:left; padding: 0 1px; width: 144px; margin: 0; }
/* FOOTER
--------------------------------------------------------- */
#footer{background: url(../images/bg_footer.jpg) repeat-x bottom}
.footer-nav { width: 100%; overflow:hidden; font-size: 0.912em; margin-bottom: 30px; }
.footer-info { width: 305px; float:left; margin-right: 15px; }
.customer-service { width: 145px; float:left; margin: 0 15px 10px 0; }
.footer-nav h4 { border-bottom: 1px solid #e6e6e6; padding-bottom: 3px; color:#333; font-size: 1.091em; }
.footer-nav li a { color: #fff; }
.footer-nav li a:hover, .footer-nav li a:focus, .footer-nav li a:active { color:#064f93; }
.about { float: left; width: 145px; margin-bottom: 10px; }


/*  top brands */
.top-brands { width: 670px; float:left; margin-right: 15px; overflow: hidden; }
.top-brands ul { margin-bottom: 10px; width: 100%; float: left; font-weight: bold; font-size: 14px;}
.top-brands li { padding-right: 10px; float: left;}

/* top-categories */
.top-categories { width: 265px; float: left; }

/* payment process */
.payment-process { width: 100%; overflow: hidden;padding-top: 20px; }
.form-type { width: 520px; float:left; margin-right: 15px; }
.form-type p { overflow: hidden; }
.form-type label { width: 195px; margin-right: 15px; display: block; float:left; font-weight: bold; color:#666; text-align: right; padding-top: 2px; }
.form-type label em { display: block; font-weight: normal; font-size: 0.912em; }
.form-type .inputbox { width: 280px; float:left; }
.form-type .check-type label { padding-top: 0; }
.form-type .check-type input { width: 13px; height: 13px; border:none; float:left; margin: 2px 5px 0 0; padding: 0; }
.form-type .lbl { width: auto; text-align: left; padding: 0; font-weight: normal; font-weight: normal; }
.form-type select { width: 140px; float:left; }
.form-type .price { display: block; float:left; color:#007fff; }
.form-type .code { display: block; float:left; width: 290px; }
.form-type .code img { margin-bottom: 10px; }
.form-type .btn { padding-left: 210px; width: 55%; }
.form-type .button { width: 91px; border:none; background: url(../images/bg-btn.png) 0 -80px no-repeat; cursor: pointer; float:left; margin-right: 10px; color:#fff; font-weight: bold; line-height: 20px; padding: 7px 0 9px 0; text-align: center;  }
*+html .form-type .button { padding-top: 0; padding-bottom: 5px; height: 34px; }
.form-type .button:hover, .form-type .button:focus { background-position: 0 -121px; }

/* Hướng dẫn thanh toán */
.block-type { background: #e9f4ff; padding: 38px 0px 0px 15px; background: url(../images/hotro1.jpg) no-repeat;}
.block-type h4 { border-bottom: 1px solid #82c0ff; padding-bottom: 5px; margin-bottom: 15px; font-size: 16px; color: #eb6e1c; }
.payment-instructions { margin-bottom: 10px; overflow: hidden; }
.payment-instructions  ul{float:left;margin: 0px;}
.payment-instructions ul li { background:none; padding-bottom: 0px;}
.payment-instructions h5{float:right;font-size: 14px;font-weight: 700;}


.list-type li { background: url(../images/ico-check.png) 0 0 no-repeat; padding: 0 0 0 20px; margin-bottom: 10px; font-size: 0.912em; }

.contact-support ul { margin-bottom:0; }
.contact-support li { margin-bottom: 10px; }
.contact-support .tel { background: url(../images/ico-tel-2.png) 0 0 no-repeat; padding-left: 38px; font-size: 1.5em; } 
.contact-support .yahoo { background: url(../images/ico-yahoo.png) 8px 0 no-repeat; padding: 2px 0 2px 38px; }
.contact-support .yahoo a { color:#404040 }
.contact-support .yahoo a:hover { color:#064f93 }
.contact-support .yahoo.offline { background-position: 8px -31px; }

.contact-support .skype { background: url(../images/ico-skype.png) 8px 3px no-repeat; padding: 2px 0 2px 38px; }
.contact-support .skype a { color:#404040 }
.contact-support .skype a:hover { color:#064f93 }
.contact-support .skype.offline { background-position: 8px -23px; }

/* loading */
.loading { padding: 140px 0; text-align: center; font-size: 1.5em; color:#666; }

/* */
.payment-completed { margin-bottom: 50px; float: left; width: 600px; }
.card-info { width: 401px; margin: 0 auto 30px auto; }
.card-info-inner { width: 371px; height: 168px; background:url(../images/bg-card.png) 0 0 no-repeat; padding: 18px 15px 0 15px; }
.card-number { margin: 0; height: 27px; font-size: 1.16em; padding-top: 9px; }
.card-number strong { font-size: 1.285em; }

.card-info-inner-2 { padding-top: 20px; font-size: 1.16em; color:#fff; }
.card-info-inner-2 p { margin-bottom: 5px;}
.card-info .col { width: 160px; display: inline-block; text-align: right; padding-right: 15px; }

.note { text-align: center; font-size: 0.85em; font-style: italic; padding-top: 25px; }
.note img { margin-right: 3px; }
.message { text-align:center; font-size: 1.5em; font-style: italic; }

/* uncompleted */
.payment-uncompleted { width: 465px; margin: 100px auto; background: url(../images/ico-warning.png) 0 0 no-repeat; padding-left: 65px; }
.payment-uncompleted h3 { color:#000; }
.payment-uncompleted.error { background: url(../images/ico-error-2.png) 0 0 no-repeat; }

/* error message */
.error-message { background: url(../images/ico-error.png) 210px 0 no-repeat; color: #f00; padding-left: 232px; display: block; margin-bottom: 10px; }
.required { color: #f00; }

/* tabs menu */
.tabs-menu-wrap { width: 950px; margin-bottom: 25px; background: #fff; z-index: 900; }
.tabs-menu { width: 100%; overflow: hidden; background: url(../images/bg-line-3.gif) 0 100% no-repeat; margin-bottom: 10px; }
.tabs-menu ul { padding:0 0 0 85px; margin:0; }
.tabs-menu li { padding:0 1px 0 0; margin:0; display: block; float:left;}
.tabs-menu li div { float: left; padding: 15px 29px 5px 30px; height: 30px; }
.tabs-menu li span { display: block; float:left; padding-left: 25px; padding-top: 2px; background: url(../images/step-number.png) 0 0 no-repeat; font-size: 1.5em; color: #919191; }
.tabs-menu .step-1 span { background-position: 0 2px;  }
.tabs-menu .step-1.current span { background-position: 0 -42px; }
.tabs-menu .step-2 span { background-position: 0 -87px;  }
.tabs-menu .step-2.current span { background-position: 0 -131px; }
.tabs-menu .step-3 span { background-position: 0 -175px;  } 
.tabs-menu .step-3.current span { background-position: 0 -219px; }

.tabs-menu .current { background: url(../images/bg-line-4.gif) 100% 100% no-repeat #fff; }
.tabs-menu .current div { background: url(../images/bg-line-4.gif) 0 100% no-repeat  #fff; }
.tabs-menu .current span { color:#0b5595; }


/**********/
.cards-instructions p { margin-bottom: 5px; }
.cards-instructions h5 { margin-bottom: 5px; color: #000; }
.card-info-2 { padding: 28px 18px; }

/* support */
.support { width: 100%; overflow: hidden; }
.support .block-type {  width: 367px;   margin-right: 0px;   float: left;   min-height: 187px; }
.support .block-type_last { margin-right: 0; padding: 15px 0px 0px 0px; background: url(../images/hotro.gif) no-repeat; float: right; width: 560px; height: 187px;}
.support .contact-support { margin-bottom: 20px; }
.support .tel { margin: 15px 0 0 0; background: url(../images/ico-tel-2.png) 0 0 no-repeat; padding-left: 38px; font-size: 1.5em; }
